﻿
@charset 'utf-8';

/* 重置
========================================================================== */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, header, hgroup, nav, section, article, aside, footer, figure, figcaption, menu, button { margin: 0; padding: 0; -webkit-touch-callout: none; }
a, img { -webkit-touch-callout: none; }
body { margin: 0 auto; /*max-width: 6.4rem;*/ font-family: '微软雅黑', 'Microsoft YaHei', Helvetica, STHeiTi, Sans-serif; line-height: 1.5; font-size: .28rem; color: #000; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); outline: 0; overflow-x: hidden; letter-spacing: -.05em; -webkit-user-select: none; /*-webkit-overflow-scrolling: touch;*/ }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
li { list-style: none; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; outline: none; -webkit-appearence: none; -ms-appearence: none; }
input, textarea, button, select { font-family: inherit; font-size: inherit; }
    button,
    input[type='button'],
    input[type='reset'],
    input[type='submit'] { -webkit-appearance: none; outline: none; border: none; background: none; }
::-webkit-input-placeholder { color: #999; }
a { /*-webkit-touch-callout:none;*/ text-decoration: none; outline: 0; }
em, i { font-style: normal; }

.wrapper { padding-top: .88rem; font-family: '微软雅黑'; /*width: 6.4rem;*/ min-width: 3.2rem; margin: 0 auto; color: #3f2e27; overflow-x: hidden; /*z-index: 4;*/ }
/* 导航栏 */
nav { position: fixed; top: 0; left: 0; right: 0; z-index: 990; /*width: 6.4rem;*/ height: .88rem; line-height: .88rem; background-color: #f8f8f8; }
    nav button { position: absolute; left: .3rem; top: 50%; color: #2b2b2b; }
        nav button.menu { margin-top: -.15rem; color: #2b2b2b; }
        nav button.back,
        nav button.newBack { margin-top: -.16rem; }
            nav button.back:after,
            nav button.newBack:after { content: '返回'; font-size: .3rem; }
    nav .menu img { width: .42rem; height: .3rem; }
    nav .back img,
    nav .newBack img { width: .15rem; height: .28rem; margin-right: .1rem; margin-bottom: -.02rem; }
    nav .newBack img { margin-bottom: .05rem; }
    nav .newBack .arrows_left { display: inline-block; width: .15rem; height: .28rem; margin-right: .1rem; margin-top: .05rem; background: url(../image/icon_sprites.png) 0 -.8rem no-repeat; background-size: 1.6rem 1.2rem; }
    nav .title { text-align: center; font-size: .36rem; color: #2b2b2b; }
        nav .title small { font-size: .24rem; }

/* 高德地图：去除版本等信息、样式自定义 */
.amap-logo,
.amap-copyright,
.amap-info-sharp,
.amap-info-close { display: none; }
.amap-info-outer,
.amap-menu-outer { border: none; }
    .amap-info-outer:hover,
    .amap-menu-outer:hover { box-shadow: 0 0 1px rgba(0, 0, 0, .5); }
.amap-info-content { position: relative; bottom: .2rem; max-width: 3.2rem; padding: .08rem 0; line-height: 1.2; overflow: visible; border-radius: .1rem; box-shadow: 0 0 1px rgba(0, 0, 0, .5); background: rgba(255, 255, 255, .88); }
    .amap-info-content::after { content: ''; position: absolute; bottom: -.39rem; left: 50%; margin-left: -.2rem; width: 0; height: 0; border: .2rem solid transparent; border-top-color: rgba(255, 255, 255, .88); /*border-top-color: #0ff;*/ -webkit-transform: scaleX(.6); transform: scaleX(.6); }
    .amap-info-content .infoWrap table { width: 100%; }
    .amap-info-content .infoWrap td.left { position: relative; padding: 0 .2rem; border-right: 1px #e1e1e1 solid; }
        .amap-info-content .infoWrap td.left .name { font-size: .26rem; /*font-weight: bold;*/ color: #2b2b2b; }
        .amap-info-content .infoWrap td.left .time { margin-top: .05rem; font-size: .2rem; font-weight: normal; color: #656565; }
    .amap-info-content .infoWrap td.tdRight { padding: 0 .1rem; vertical-align: middle; white-space: nowrap; }
        .amap-info-content .infoWrap td.tdRight .ctrl { display: inline-block; padding: 0 .1rem; font-size: .2rem; color: #929292; }
        .amap-info-content .infoWrap td.tdRight .icon { display: block; margin-bottom: .05rem; /*width: .32rem;*/ height: .36rem; background: url(../image/icon_navigation.png) no-repeat center; background-size: contain; }
        .amap-info-content .infoWrap td.tdRight .realmap .icon { background: url(../image/icon_realmap.png) no-repeat center; background-size: .32rem .35rem; }
    .amap-info-content .driverInfoWrap { max-width: 5rem; padding: .02rem .1rem; letter-spacing: normal; }
        .amap-info-content .driverInfoWrap .label { font-size: .26rem; color: #2b2b2b; }
        .amap-info-content .driverInfoWrap .time { margin-top: .05rem; font-size: .22rem; color: #656565; }

/* 地图模块 */
.ddbUi-lineMap { position: relative; width: 100%; height: 100%; }
    .ddbUi-lineMap .map { position: absolute; width: 100%; height: 100%; }
    /* TODO */
    .ddbUi-lineMap .icon { background: url(../image/icon_navigation.png) no-repeat 0 0; -webkit-background-size: 3.3rem 1.85rem; background-size: .32rem .36rem; }
    .ddbUi-lineMap .mapButton { position: absolute; right: .3rem; top: .07rem; width: .66rem; height: 100%; }
        .ddbUi-lineMap .mapButton .icon { display: block; width: .66rem; height: .66rem; margin-top: .06rem; vertical-align: middle; }
            .ddbUi-lineMap .mapButton .icon.reset { background-position: 0 -.24rem; }
            .ddbUi-lineMap .mapButton .icon.traffic { background-position: -.66rem -.24rem; }
                .ddbUi-lineMap .mapButton .icon.traffic.isShow { background-position: -1.32rem -.24rem; }
            .ddbUi-lineMap .mapButton .icon.zoomIn { background-position: -1.98rem -.24rem; }
            .ddbUi-lineMap .mapButton .icon.zoomOut { background-position: -2.64rem -.24rem; }

/* 实景图 */
#ddbUi-realmap { display: none; position: fixed; z-index: 1000; left: 0; right: 0; top: 0; bottom: 0; background-color: #eee; background-position: 50%; background-repeat: no-repeat; background-size: cover; }
    #ddbUi-realmap.nomap { background: #eee url(../image/icon-nomap.png) 50% 40% no-repeat; background-size: 100%; }
    #ddbUi-realmap h3 { position: absolute; bottom: 0; left: 0; right: 0; padding: .25rem .2rem; background-color: rgba(0, 0, 0, .6); text-align: center; font-size: .46rem; /*height: 1.18rem;*/ line-height: .6rem; color: #fff; }
        #ddbUi-realmap h3 small { display: block; font-size: .3rem; }
            #ddbUi-realmap h3 small:empty { display: none; }

/* ddb_popup start */
#ddb_popup { display: none; position: fixed; left: 0; right: 0; z-index: 1001; background-color: #efeff4; color: #222; -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, .6); overflow: hidden; }
#ddb_popup_mask { display: none; position: fixed; z-index: 1000; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; background-color: #222; }
/* 隐藏空元素 */
#ddb_popup .popup-title:empty,
#ddb_popup .popup-content:empty,
#ddb_popup #ddb_popup_btn_container a:empty { display: none; }
#ddb_popup .popup-title { color: #ff9e00; font-size: .36rem; text-align: center; padding: 0; margin: 0; height: .86rem; line-height: .86rem; border-bottom: 2px solid #ff9e00; letter-spacing: normal; }
#ddb_popup .popup-tips-title { color: #222; font-size: .30rem; text-align: center; padding: 0; margin: 0; height: .9rem; line-height: .9rem; border-bottom: .04rem solid #ff9e00; /*background: url(../image/tips_icon.png) .35rem 50% no-repeat; background-size: .32rem;*/ color: #ff9e00; /*text-indent: .35rem;*/ }
#ddb_popup .popup-tips-content { -webkit-box-sizing: border-box; box-sizing: border-box; padding: .44rem .3rem; font-size: .26rem; color: #444; text-align: justify; text-indent: 2em; }
#ddb_popup .popup-content { -webkit-box-sizing: border-box; box-sizing: border-box; padding: .54rem .1rem; font-size: .3rem; color: #2b2b2b; text-align: center; }
#ddb_popup_btn_container { text-align: center; margin: 0; display: -webkit-box; display: box; letter-spacing: normal; }
    #ddb_popup_btn_container > a { -webkit-box-flex: 1; box-flex: 1; padding: 0; display: block; color: #898989; border: 1px solid rgba(0, 0, 0, .2); border-left: none; border-bottom: none; font-size: .3rem; height: .89rem; line-height: .89rem; }

        /* #ddb_popup_btn_container > a:hover { color: #fff; background-color: #ff9e00; } */
        #ddb_popup_btn_container > a:nth-child(2) { color: #fff; background-color: #ff9e00; }
#ddb_popup.loading { z-index: 11; top: 50%; left: 50%; margin: -75px 0 0 -75px; opacity: .9; text-align: center; width: 150px; height: 150px; /*border-radius: 10px;*/ /*background-image: url(../image/loading_bg.png);*/ /*background-position: center center;*/ /*background-repeat: no-repeat;*/ /*background-size: 50%;*/ /*zoom: .2;*/ box-shadow: none; /*background-color: transparent;*/ background: none; }
    #ddb_popup.loading i.icon { color: #fff; }
    #ddb_popup.loading i.icon { font-size: 4em; line-height: 110px; margin: 0; }
#ddb_popup .icon.spinner { display: inline-block; width: 100%; height: 100%; background-image: url(../image/loading-coupon.png); background-position: center center; background-repeat: no-repeat; background-size: 20%; -webkit-animation: spinner .8s infinite linear; animation: spinner .8s infinite linear; }
#ddb_popup .popup-title.popup-title-coupon { color: #000; font-size: .3rem; border-bottom: none; line-height: 1.4rem; }
#ddb_popup .popup-content.popup-title-coupon { padding-top: .35rem; }
#ddb_popup .popup-title-coupon .input_wrap { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 .3rem; height: .87rem; background-color: #fff; border: 1px solid #c8c8c8; border-radius: .2rem; }
    #ddb_popup .popup-title-coupon .input_wrap input { background: none; border: none; display: inline-block; padding: .22rem 0 0 .2rem; font-size: .36rem; line-height: .36rem; }
#ddb_popup .popup-title-coupon button.del { position: absolute; right: .1rem; top: .27rem; height: .33rem; width: .33rem; }
    #ddb_popup .popup-title-coupon button.del img { width: 100%; height: 100%; }
#ddb_popup .popup-content.oCity_select { padding: .53rem .4rem 0; }
#ddb_popup .popup_tips { /*position: fixed; top: 3.28rem; left: 50%; margin-left: -2.71rem; width: 5.42rem; */ padding: .1rem 0; background: rgba(0, 0, 0, .6); /* -webkit-transform: translateX(-50%);   transform: translateX(-50%); */ z-index: 999; text-align: center; border-radius: .2rem; }
    #ddb_popup .popup_tips img { width: 1.5rem; height: 1.5rem; padding-top: .3rem; vertical-align: middle; }
    #ddb_popup .popup_tips .popup_tips_title { margin: .22rem 0 .2rem; font-size: .34rem; line-height: .34rem; color: #fff; }
    #ddb_popup .popup_tips .popup_tips_text1, #ddb_popup .popup_tips .popup_tips_text2 { font-size: .24rem; line-height: .24rem; line-height: .36rem; color: #fff; }
/* ddb_popup end */


/* 高德地图模块 */
.m-line-map { position: absolute; top: 1.68rem; /*bottom: .88rem;*/ bottom: .96rem; left: 0; right: 0; width: auto; height: auto; /*border: 1px solid #eee;*/ /*border-width: 1px 0;*/ }
    .m-line-map > .map { top: 0; bottom: 0; height: auto; /*-webkit-transition: top .5s ease 0;*/ /*transition: top .5s ease 0;*/ }

/* 地图切换按钮 */
.m-map-btn { position: absolute; z-index: 111; right: .3rem; }
    .m-map-btn > i { display: block; margin-top: .2rem; width: .65rem; height: .65rem; font-size: 0; background: url(../image/sprite-map.png) no-repeat; -webkit-background-size: 6.3rem .8rem; background-size: 6.3rem .8rem; }
        .m-map-btn > i.on-site { background-position: -2.4rem 0; }
            .m-map-btn > i.on-site.on { background-position: -3.05rem 0; }
        .m-map-btn > i.off-site { background-position: -3.7rem 0; }
            .m-map-btn > i.off-site.on { background-position: -4.35rem 0; }
        .m-map-btn > i.full-view { background-position: -5rem 0; }
            .m-map-btn > i.full-view.on { background-position: -5.65rem 0; }
        .m-map-btn > i.save-line { width: .8rem; height: .8rem; background-position: -1.6rem 0; }
        .m-map-btn > i.chatroom { width: .8rem; height: .8rem; background-position: 0 0; }
        .m-map-btn > i.games { width: .8rem; height: .8rem; background: url(../image/icon-games.png) no-repeat; background-size: contain; }
        .m-map-btn > i.chatroom.new { background-position: -.8rem 0; }




html, body { width: 100%; height: 100%; margin: 0 auto; }
.hairlines-bottom::after { bottom: 0; }
#location_section { padding: 0; background: #F3F2F2; height: 100%; }

#location_section1 img, #location_section2 img { vertical-align: middle; }
#location_section1 nav, #location_section2 nav { width: 100%; overflow: hidden; height: .88rem; position: fixed; }
    #location_section1 nav .title, #location_section2 nav .title { color: #000; }
    #location_section1 nav button, #location_section2 nav button { font-size: .3rem; line-height: .88rem; left: auto; top: 0; }
#location_section1 .wrapper, #location_section2 .wrapper { height: 100%; width: 100%; padding: 0; position: relative; }

#location_section1 .close, #location_section2 .close { left: 0.2rem; }
#location_section1 .ok, #location_section2 .ok { right: 0.3rem; display: none; }
#location_section1 li.active .ok, #location_section2 li.active .ok { right: 0.3rem; display: block; border: none; }
#location_section1 .close, .int, .ok { align-self: center; }

#location_section1 .int, #location_section2 .int { position: absolute; left: 50%; margin-top: .14rem; width: 5.2rem; height: .6rem; }
#location_section1 .int { margin-left: -2.2rem; }
#location_section1 .keyword, #location_section2 .keyword { width: 100%; height: 100%; border: none; background: #fff; border-radius: 30px; text-align: center; line-height: .6rem; color: #b4b4b4; font-size: .24rem; border: 0; }
#location_section1 .keyword { border: 1px #eee solid; }

#location_section1 #mapContainer { height: 100%; }

#location_section1 .location, #location_section2 .location { position: absolute; top: .88rem; right: 0; bottom: 0; left: 0; margin: auto; overflow: hidden; }
#location_section1 .location { position: static; }
#location_section1 .location_con, #location_section2 .location_con { width: 100%; position: absolute; top: 50%; bottom: 0; overflow: auto; background: #fff; }
#location_section1 .location_con { position: static; padding-top: 5.06rem; }
    #location_section1 .location_con ul, #location_section2 .location_con ul { position: relative; }
        #location_section1 .location_con ul div, #location_section2 .location_con ul div { color: #000; }
    #location_section1 .location_con li, #location_section2 .location_con li { margin: 0 .3rem; padding: 0.15rem 0; border-bottom:1px solid #e2e2e2; cursor: pointer; box-sizing: border-box; height: 1rem; position: relative; overflow: hidden; }
        /*#location_section1 .location_con li:after,#location_section2 .location_con li:after { display: block; content: ''; position: absolute; height: 1px; left: 0; right: 0; top: 0; margin: auto; background: #e2e2e2; }*/
        /*#location_section1 .location_con li:first-child:after,#location_section2 .location_con li:first-child:after { height: 0; }*/
        #location_section1 .location_con li:last-child::after, #location_section2 .location_con li:last-child::after { content: none; height: 0; }
    #location_section1 .location_con ul:after, #location_section2 .location_con ul:after { display: block; content: ''; position: absolute; height: 1px; left: 0; right: 0; bottom: 0; margin: auto; background: #e2e2e2; }
    #location_section1 .location_con li.active, #location_section2 .location_con li.active { /* background: #ebebeb url(image/active_icon.png)94% center no-repeat; background-size: .28rem .2rem; */ margin: 0; padding: .15rem .3rem; background: #eeeeee; border: none; }
        #location_section1 .location_con li.active:after { background-color: transparent; }
    /*上部线隐藏*/
    #location_section1 .location_con .location_fix { display: none; position: fixed; width: 100%; background: #fff; z-index: 1; }
    #location_section1 .location_con .location_home, #location_section1 .location_con .location_company { width: 100%; height: .85rem; line-height: .89rem; font-size: .2rem; color: #9c9c9c; background: url(../img/icon_location_home.png) .09rem no-repeat; background-size: .4rem; padding-left: .7rem; }
    #location_section1 .location_con .location_company { background-image: url(image/icon_location_company.png); position: relative; }
    #location_section1 .location_con .home_active { background-image: url(image/icon_location_home02.png); }
    #location_section1 .location_con .company_active { background-image: url(image/icon_location_company02.png); }

    #location_section1 .location_con .station, #location_section2 .location_con .station { font-size: .3rem; /*line-height: .3rem;*/ }
    #location_section1 .location_con .road, #location_section2 .location_con .road { font-size: .24rem; color: #b4b4b4; line-height: .24rem; padding: 0 0 .05rem; white-space: nowrap; text-overflow: ellipsis; }
    #location_section1 .location_con .light, #location_section2 .location_con .light { color: #ff9c00; }
/*#location_section1 .location_con .station,#location_section2 .location_con .station { margin-bottom: 5px; }*/
#location_section1 .empty_box, #location_section2 .empty_box { text-align: center; color: #d7d7d7; /*padding:.2rem 0;*/ }
    #location_section1 .empty_box img, #location_section2 .empty_box img { vertical-align: middle; margin: 0 .1rem 0 0; width: 1.08rem; height: .89rem; }
#location_section1 .ddbUi-lineMap { width: 100%; position: fixed; top: .88rem; margin: auto; height: 4.18rem; }
#location_section1 .icon.reset { background: rgba(255,255,255,0.8) url(image/icon_refresh.png)center center no-repeat; background-size: 70%; border: 1px solid #D8D8D6; border-radius: .1rem; }

#location_section2 { padding: 0; display: none; height: 100%; }
    #location_section2 .int { width: 5.2rem; margin-left: -3rem; background: #fff; border-radius: .3rem; text-align: center; height: .63rem; line-height: .63rem; color: #000; padding: 0 .5rem 0 .2rem; line-height: normal; box-sizing: border-box; border: 1px #eee solid; }
        #location_section2 .int .keyword { background: none; color: #000; line-height: normal; font-size: .3rem; text-align: left; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; height: 100%; }
    #location_section2 nav { height: .88rem; }
    #location_section2 .int button { position: absolute; right: .18rem; top: 50%; margin-top: -.13rem; }
        #location_section2 .int button img { display: block; width: .26rem; height: auto; }
    #location_section2 .close { left: auto; right: .3rem; }
    #location_section2 .location { top: .88rem; }
    #location_section2 .location_con { top: 0; }

#location_section .ddbUi-lineMap .mapButton { right: 0.33rem; top: 0.233rem; }

.amap-info-sharp { display: none; }
.amap-info-outer:hover, .amap-menu-outer:hover { box-shadow: none; }
.amap-info-outer, .amap-menu-outer { box-shadow: none; border: none; }
.amap-info-content { width: 3.28rem; background: url(image/bus_location_bg.png)0 0 no-repeat; background-size: 100% 100%; padding-bottom: .4rem; font-size: .18rem; }
.ddbUi-lineMap .infoWrap .left div:first-child { font-size: .3rem; color: #2b2b2b; }
.amap-info-content table .left div:nth-child(2) { font-size: .24rem; color: #7c7c7c; }
.amap-info-close { display: none; }
.ddbUi-lineMap .infoWrap .icon.right { background-position: center center; width: .15rem; height: .27rem; background: url("image/icon_right.png") no-repeat 0 0; -webkit-background-size: .15rem .27rem; background-size: .15rem .27rem; }
.ddbUi-lineMap .infoWrap .tdRight { display: none; width: .86rem; border-left: 1px solid #d8d8d8; }

#location_section1 .location_con li .left { width: 75%; height: 100%; overflow: auto; float: left; white-space: nowrap; }
    #location_section1 .location_con li .left::-webkit-scrollbar { width: 0; height: 0; }
#location_section1 .location_con li .right { float: right; width: 25%; }
    #location_section1 .location_con li .right button { float: right; width: 1.26rem; height: .5rem; margin-top: .1rem; font-size: .24rem; color: #ff9c00; border: 1px solid #ff9c00; border-radius: .1rem; }
#location_section1 nav button.newBack { margin-top: 0; left: .2rem; }
html, body { margin: 0; height: 100%; width: 100%; position: absolute; }

#container_goMap { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }

.button-group { position: absolute; bottom: 20px; right: 20px; font-size: 12px; padding: 10px; }

    .button-group .button { height: 28px; line-height: 28px; background-color: #0D9BF2; color: #FFF; border: 0; outline: none; padding-left: 5px; padding-right: 5px; border-radius: 3px; margin-bottom: 4px; cursor: pointer; }
    .button-group .inputtext { height: 26px; line-height: 26px; border: 1px; outline: none; padding-left: 5px; padding-right: 5px; border-radius: 3px; margin-bottom: 4px; cursor: pointer; }

#tip { background-color: #fff; padding-left: 10px; padding-right: 10px; position: absolute; font-size: 12px; right: 10px; top: 20px; border-radius: 3px; border: 1px solid #ccc; line-height: 30px; }

.amap-info-content { font-size: 12px; }

#myPageTop { position: absolute; top: 5px; right: 10px; background: #fff none repeat scroll 0 0; border: 1px solid #ccc; margin: 10px auto; padding: 6px; font-family: "Microsoft Yahei", "微软雅黑", "Pinghei"; font-size: 14px; }
    #myPageTop label { margin: 0 20px 0 0; color: #666666; font-weight: normal; }
    #myPageTop input { width: 170px; }
    #myPageTop .column2 { padding-left: 25px; }
 .info { border: solid 1px silver; }
        div.info-top { position: relative; background: none repeat scroll 0 0 #F9F9F9; border-bottom: 1px solid #CCC; border-radius: 5px 5px 0 0; }
            div.info-top div { display: inline-block; color: #333333; font-size: 14px; font-weight: bold; line-height: 31px; padding: 0 10px; }
            div.info-top img { position: absolute; top: 10px; right: 10px; transition-duration: 0.25s; }
                div.info-top img:hover { box-shadow: 0px 0px 5px #000; }
        div.info-middle {font-size: 12px;padding: 6px;line-height: 23px;display: inline-block;}
        div.info-bottom { height: 0px; width: 100%; clear: both; text-align: center; }
            div.info-bottom img { position: relative; z-index: 104; }
        span { margin-left: 5px; font-size: 11px; }
        .info-middle img { float: left; margin-right: 6px; }